<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./index.css">
    <title>Document</title>
</head>

<body>
    <div class="wrap">
        <div class="cube">
            <div class="outer out-front">
                <img class="auto-img" src="./img/1.jpg" alt="无法显示">
            </div>
            <div class="outer out-back">
                <img class="auto-img" src="./img/2.jpg" alt="无法显示">
            </div>
            <div class="outer out-left">
                <img class="auto-img" src="./img/3.jpg" alt="无法显示">
            </div>
            <div class="outer out-right">
                <img class="auto-img" src="./img/4.jpg" alt="无法显示">
            </div>
            <div class="outer out-top">
                <img class="auto-img" src="./img/5.jpg" alt="无法显示">
            </div>
            <div class="outer out-bottom">
                <img class="auto-img" src="./img/6.jpg" alt="无法显示">
            </div>

            <div class="inner in-front">
                <img class="auto-img" src="./img/icon/1.png" alt="无法显示">
            </div>
            <div class="inner in-back">
                <img class="auto-img" src="./img/icon/2.png" alt="无法显示">
            </div>
            <div class="inner in-left">
                <img class="auto-img" src="./img/icon/3.png" alt="无法显示">
            </div>
            <div class="inner in-right">
                <img class="auto-img" src="./img/icon/4.png" alt="无法显示">
            </div>
            <div class="inner in-top">
                <img class="auto-img" src="./img/icon/5.png" alt="无法显示">
            </div>
            <div class="inner in-bottom">
                <img class="auto-img" src="./img/icon/6.png" alt="无法显示">
            </div>
        </div>
    </div>
</body>

</html>